// 获取所有分类数据
function getAllCategory() {

    request({
        type: "get",
        url: "http://localhost:8080/api/v1/admin/category/list",
        success: (res) => {
            // console.log(res);
            if (res.code === 200) {
                const htmlStr = template('categoryTemplate', res)
                $('#selCategory').html(htmlStr)
            }
        }
    })
}
getAllCategory()

// 根据用户选择分类和文章状态  获取数据

function getArticle(page) {
    // 筛选分类
    const type = $('#selCategory').val();
    console.log(type);
    // 文章状态，草稿或者已发布
    const state = $('#selStatus').val();
    request({
        type: "get",
        url: "http://localhost:8080/api/v1/admin/article/query",
        data: { type, state, page },
        success: (res) => {
            // console.log(res);
            if (res.code === 200) {
                console.log(res);
                const htmlStr = template('articleTemplate', res.data)
                $('tbody').html(htmlStr)
                initPagination(res.data.totalPage)
            }
        }
    })
}
getArticle()

//删除文章
function deleteArticle(id) {
    request({
        type: 'post',
        url: 'http://localhost:8080/api/v1/admin/article/delete',
        data: { id },
        success: (res) => {
            // console.log(res);
            if (res.code === 204) {
                alert(res.msg)
                getArticle(global.page)
            }
        }
    })
}
const global = {

}
//文章分页

// $('#pagination').twbsPagination({
//     totalPages: total, // 总的页数
//     visiblePages: 5, // 显示多少页
//     first: '首页',
//     last: '末页',
//     prev: '上一页',
//     next: '下一页',
//     onPageClick: (event, page) => {
//         this.getArticle(page);
//     }
// })

// 初始化分页组件
function initPagination(total) {
    $('#pagination').twbsPagination({
        totalPages: total, // 总的页数
        visiblePages: 6, // 显示多少页
        first: '首页',
        last: '末页',
        prev: '上一页',
        next: '下一页',
        onPageClick: (event, page) => {
            getArticle(page);
            global.page = page
        }
    });
}




